<template>
    <a-card title="项目进度" :bordered="false">
        <template #extra>
            <a href="#">待施工 </a>
        </template>
        <div>
            <a-steps :current="2" class="mt-10 mb-14">
                <a-step v-for="item in 4" />
            </a-steps>
            <a-row :gutter="16" class="flex items-center">
                <a-col :span="8" class="text-left">已启动407天</a-col>
                <a-col :span="8" class="text-center">距结束 -100天</a-col>
                <a-col :span="8" class="text-right">距结束 -100天</a-col>
            </a-row>
        </div>
    </a-card>
</template>

<script setup name="steps">
const props = defineProps({
    proId: {
        type: Number,
    },
})
const { proId } = toRefs(props)
const getStep = (pId) => {
    console.log("fatch proId", pId)
}
watch(proId, () => {
    getStep(proId.value);
});
</script>
<style scoped></style>
